<style id="styles" type="text/css">       
        .info_archivos
        {
            width: 980px;
            margin: auto;
            font:16px Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
        }
        
        .lista_archivos 
        {
            font-size: 10px;
        }
</style>

<div class="info_archivos">
    <table width="100%" class="lista_archivos" >
        <tr>
            <th> TITULO </th>
            <th> DESCRIPCION </th>
            <th> CATEGORIA </th>
            <th> FECHA </th>
            <th> ENLACE </th>
            <th> TAREAS </th>
        </tr>
        <!-- INICIO BLOQUE : mis_archivos -->
        <tr>
            <td> <a href="{ruta}"> {titulo} </a> </td>
            <td> {descripcion} </td>
            <td> {categoria} </td>
            <td> {fecha} </td>
            <td> <a href="{ruta}"> {ruta} </a> </td>
            <td> <a href="javascript:borrar_archivo('{idarchivo}', '{ruta}')"> Borrar </a> </td>
        </tr>
        <!-- FIN BLOQUE : mis_archivos -->
    </table>
</div>

<br /><br />